<template>
    <div class="options-panel">
        <div v-show="currentPanel == 'property'">

            <div class="panel-from">
                <div class="panel-form-item">
                    <div class="item-label">字段名</div>
                    <div class="item-input">
                        <a-input v-model:value="selectItem.field" placeholder="请输入" />
                    </div>
                </div>

                <div class="panel-form-item">
                    <div class="item-label">上传地址</div>
                    <div class="item-input">
                        <a-input v-model:value="selectItem.componentProps.action" placeholder="请输入" />
                    </div>
                </div>

                <!-- <div class="panel-form-item">
                    <div class="item-label">打开方式</div>
                    <div class="item-input">
                        <a-select v-model:value="selectItem.componentProps.target" placeholder="请选择" style="width:100%">
                            <a-select-option value="_blank">新窗口</a-select-option>
                            <a-select-option value="_self">当前窗口</a-select-option>
                        </a-select>
                    </div>
                </div> -->

                <div class="panel-form-item check">
                    <div class="item-label">禁用</div>
                    <div class="item-input">
                        <a-switch size="small" v-model:checked="selectItem.componentProps.disabled" />
                    </div>
                </div>

                <div class="panel-form-item check">
                    <div class="item-label">隐藏</div>
                    <div class="item-input">
                        <a-switch size="small" v-model:checked="selectItem.componentProps.hidden" />
                    </div>
                </div>

            </div>
        </div>

    </div>
</template>

<script>
export default {
    name: "dcUploadOptions",
    components: {
    },
    props: {
        currentPanel: {
            type: String,
            default: "property"
        },
        selectItem: {
            type: Object,
        }
    },
    data() {
        return {
        }
    },
    methods: {

    },
    created() {

    },
}
</script>

<style lang="less" scoped>
</style>